
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百威啤酒官方旗舰店</title>
<link rel="stylesheet" type="text/css" href="css/main.css"  />
<link rel="stylesheet" type="text/css" href="css/scrollbar.css"  />
<script type="text/javascript">
	var phoneWidth =  parseInt(window.screen.width);
	var phoneScale = phoneWidth/640;
	var ua = navigator.userAgent;
	if (/Android (\d+\.\d+)/.test(ua)){
		var version = parseFloat(RegExp.$1);
		if(version>2.3){
			document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', user-scalable=no, target-densitydpi=device-dpi">');
		}else{
			document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', user-scalable=no, target-densitydpi=device-dpi">');
		}
	} else {
		document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', user-scalable=no, target-densitydpi=device-dpi">');
	}
</script>
<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
<script type="text/javascript" src="js/delaunay.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript" src="js/iscroll.js" ></script>
<script type="text/javascript" src="js/stopExecutionOnTimeout.js"></script>


</head>
<body>






<div class="loadingOutbox">
    <div class="loadingbox">
    	<img src="images/loading.gif" class="loadingGif" />
        <!--<div class="cricleLeft"></div>
        <div class="cricleRight"></div>
        <div class="circleShade"></div>
        <div class="circleCenter"></div>-->
        <div class="loadingnum">0%</div>
    </div>
</div>

<div class="outbox" id="outbox">
	<div class="inbox">
    	<div class="page">
			
            <div class="animateBox">
           	  <img src="images/car2.png" class="car2" />
              <img src="images/car.png" class="car"  />
                
            </div>
            <div class="page" id="page1"><img src="images/page1.png"  /></div>
			<div class="page"><img src="images/page2.png" id="src_img" /></div>
          <div class="floatpage"></div>
            <img src="images/car2.png" class="car3" />
            <div id="container" style="-webkit-perspective: 500px;"></div>
          <div class="box360">
            	<div id="container360" style="width:640px;height:600px;"></div>
            <div class="arrow01" id="arrow01"></div>
            </div>
        </div>
        
	</div>








</div>
<script type="text/javascript" src="js/pano2.js"></script>
<script type="text/javascript" src="js/pano2vrgyro.js"></script>

<script type="text/javascript" src="js/overallView.js"></script>
<script type="text/javascript" src="js/main.js"></script>

</body>
</html>
